<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
    <style type="text/css">
	  *{margin:0px; padding:0px;}
	  .head,.sec,.foot{width:100%;; display:block; border:1px #CCCCCC solid;}
	  .sec{background-color:#E93854;}
	  .bd{width:990px; margin:0px auto; }
	  .bd:after{content:''; display:block; clear:both;}
	  .sd{width:990px; margin:0px auto; height:475px; background:url(pic/07/up/%E7%BB%83%E4%B9%A04%EF%BC%9A%20%E4%BB%BF%E4%BA%AC%E4%B8%9C%E5%95%86%E5%9F%8E%E7%99%BB%E5%BD%95%E9%A1%B5%E9%9D%A2/image/banner.png) no-repeat; padding-right:40px; padding:20px;}
	  .img{float:left;}
	  h3{line-height:60px;}
	  h4{display:inline-block; font-family:"幼圆"; font-weight:normal; font-size:20px;}
	  p{display:inline-block; font-size:16px; font-weight:bolder; float:right;}
	  .form{background-color:#FFF; height:200px; width:300px; border:1px #FFFFFF solid; float:right; padding:20px;}
	  .input1{height:34px; float:left;}
	  .input{display:block; margin-top:20px;}
	  .in{margin-top:20px; display:block;}
	  .l{font-size:12px; line-height:20px;}
	  .r{font-size:12px; float:right;}
	  .an{background-color:red; color:#FFF; text-align:center; height:35px; width:280px;}
	  .ft{width:990px; margin:0px auto;}
	  .text{text-align:center;}
	</style>
</head>

<body>
  <div class="big">
  <header class="head">
      <div class="bd">
          <img src="pic/07/up/练习4： 仿京东商城登录页面/image/logo.png" class="img"/>
           <h3>欢迎登陆</h3>
      </div>
  </header>
  
  
  <section class="sec">
      <div class="sd">
          <div class="form">
              <div class="h">
                <h4>京东会员</h4><p><img src="pic/07/up/练习4： 仿京东商城登录页面/image/icon5.jpg"/>立即注册</p>
              </div>
               <form method="post" action="#">
              <div class="input">
              <img src="pic/07/up/练习4： 仿京东商城登录页面/image/icon1.jpg" class="img"/>
              <input type="text" name="te" maxlength="32" size="30" placeholder="邮箱/用户名/已验证手机" class="input1"/><br/><br/>
              </div>
               <div class="input">
              <img src="pic/07/up/练习4： 仿京东商城登录页面/image/icon2.jpg" class="img"/>
              <input type="password" name="pass" maxlength="32" size="30" class="input1"/><br/><br/>
              </div>
              <div>
                  <span class="l">自动登录<input type="checkbox" name="zidong" value="自动登陆"/></span><span class="r">忘记密码？</span>
                  <br/>
              </div>
              <div>
                  <input type="submit" value="登陆" class="an"/>
              </div>
              </form>
          </div>
      </div>
  </section>
  
  
  <footer class="foot">
      <div class="ft">
          <div class="text"><a href="#">关于我们| 联系我们| 人才招聘| 商家入驻| 广告服务| 手机京东| 友情链接| 销售联盟| 京东社区| 京东公益| English Site</a><br/>
Copyright&copy;2004-2017 京东JD.com 版权所有</div>
      </div>
  </footer>
  
  </div>
</body>
</html>
